<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="angular.js"></script>
</head>
<body ng-app='app'>
    <h1>何劲</h1>
    <div ng-controller='kzq'>
   <table border='1' style="border-collapse: collapse;">
       <caption>混合开发成绩表</caption>
       <tr>
           <td>序号</td>
           <td>学号</td>
           <td>姓名</td>
           <td>性别</td>
           <td>成绩</td>
       </tr>
    <tr ng-repeat='list in user'>
     <td>{{$index+1}}</td>
     <td>{{list.id}}</td>
     <td>{{list.name}}</td>
     <td>{{list.sex}}</td>
     <td>{{list.score}}</td>
    </tr>
   </table>


   <table border='1' style="border-collapse: collapse;">
    <caption>表二</caption>
    <tr>
        <td>学号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>成绩时</td>
    </tr>
 <tr ng-repeat='(n,v) in item'>
  <td>{{v.id}}</td>
  <td>{{n}}</td>
  <td>{{v.sex}}</td>
  <td>{{v.score}}</td>
 </tr>
</table>


    </div>


    <script>

        var app=angular.module('app',[])
         app.controller('kzq',function($scope){
             $scope.user=[
                 {id:0000000,name:'朱燕青',sex:'女',score:100},
                 {id:1111111,name:'朱燕青',sex:'女',score:100},
                 {id:2222222,name:'吕霞',sex:'女',score:100},
                 {id:3333333,name:'王雨馨',sex:'女',score:100},
                 {id:4444444,name:'罗群松',sex:'女',score:100},
                 {id:5555555,name:'喻鹏程',sex:'男',score:100},
             ];
             $scope.item={
                 '尹荣庆':{id:2020202,sex:'男',score:100},
                 '王科':{id:2020202,sex:'男',score:100},
                 '何赵':{id:2020202,sex:'男',score:100},
                 '杨任杰':{id:2020202,sex:'男',score:100},
             }
           
         })
 
     </script>  
</body>
</html>